
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="css/default.css"/>
	<script language="javascript" src="js/jquery-1.8.0.min.js"></script>
</head>
<title>产品详情</title>
<style>
body{background:none;}
.clay{ width:810px; margin:10px auto; border:1px solid #ccc; padding:20px;}
/*产品详情*/
.yudi{ border-bottom:1px solid #E5E4E4; padding:25px 25px 15px; color:#666;}
.yudi .cpname{ font-family:微软雅黑}
.yudi p{ line-height:27px;}
.yudi p .cpname{ font-size:20px; font-weight:bold; color:#333; margin-right:30px;}
.yudi p .red{ color:red; margin:0 4px;}
.yudi .ljyd{ float:right; font-weight:bold; line-height:54px;}
.yudi .ljyd .price{ font-size:20px; color:#F50; margin-right:4px;}
.yudi .ljyd .ljydbtn{ width:120px; height:38px; border:0; background:url(../images/ljyd.png) no-repeat; cursor:pointer; margin-left:18px; vertical-align:-9px\9; display:inline-block}
.yudi .ljyd .ljydbtn:hover{ text-decoration:none;}

.ydcon{ margin-top:15px;}
.ydcon .ydimg{height:228px; width:350px; float:left; margin-right:15px;}
.ydcon .ydimg img{ float:left; margin:0 0 8px 5px;}
.ydcon .ydzl{ width:390px; height:222px;  padding:8px 25px 0; border:1px solid #E5E4E4; float:right; border-top:3px solid #2A98DA; line-height:28px; color:#666666;}
.ydcon .ydzl p span{ display:inline-block; width:320px; overflow:hidden;text-overflow:elipsis; text-overflow:ellipsis; -o-text-overflow:ellipsis; vertical-align:top;}

.detail{ margin:25px 0; color:#666666;}
.detail h4.tetit1{ border-bottom:2px solid #2489EE; padding-left:20px;}
.detail h4.tetit1 .tetitsp{ font-size:14px; height:28px; line-height:28px; line-height:32px\9; _line-height:28px; padding:0 20px; display:inline-block; margin-right:10px; background:#EEF8FF; border:1px solid #C4E3FF; border-bottom:0; vertical-align:bottom; cursor:pointer;}
.detail h4.tetit1 .acct{ background:#2489EE; font-weight:bold; color:#FFF; height:30px; line-height:30px; line-height:34px\9; _line-height:30px; cursor:text;}
.detail .tetab{ width:100%;}
.detail .tetab th{ text-align:center; height:30px; background:#F3FAFF; border-bottom:1px solid #E0F0FB;}
.detail .tetab td{ text-align:center; height:40px; border-bottom:1px solid #E4E3E3;}
.detail .tetab td .ydbtnt{ width:61px; height:23px; display:inline-block; background:url(../images/yd.png) no-repeat;}
.detail .tetab td .up{ background:url(../images/upbg.png) right center no-repeat; padding-right:16px; color:#2A98DA;}
.detail .tetab td .down{ background:url(../images/downbg.png) right center no-repeat; padding-right:16px; color:#2A98DA;}
.detail .tetab td .wszf{ color:#2A98DA;}

.detail .tetab tr.caption td{ height:66px; line-height:21px; background:#F2F2F2; text-align:left; padding-left:45px;}
.detail .tetab tr.caption td p{ width:710px;}
.detail .tetab tr.caption td a.up{ float:right; *margin-top:-21px;}
.detail .tetab td .money{ font-size:15px; font-weight:bold; color:#F50;}
.detail .tetab th.mname{ text-align:left; padding-left:20px; width:260px;}
.detail .tetab td.mname2{ text-align:left; padding-left:40px; width:260px;}
.detail .detdl{ line-height:24px; color:#666; margin-top:15px;}
.detail .detdl dl{ width:100%; float:left;}
.detail .detdl dl dt{ float:left; font-weight:bold; width:120px; text-align:right;}
.detail .detdl dl dd{ float:left;}
.detail .detith4{ border-bottom:2px solid #2489EE; padding-left:20px; padding-bottom:5px;}
.detail .detith4 .bolf{ padding-left:10px; border-left:4px solid #FF5500; font-size:14px; color:#333333; font-weight:bold; height:14px; line-height:14px;}
.detail .detcon{ line-height:30px; text-indent:2em; padding:10px 25px;}
.detail .detcon img{ width:700px;}
.detail .detcon2{ line-height:20px; padding:10px 25px;}


#PopWindow {border:1px solid #555555; padding:20px; height:250px;}
#PopWindow h3{ font-size:16px; border-bottom:2px solid #0F85D7; font-family:微软雅黑; margin-bottom:30px;}
#PopWindow h4{font-weight:normal; font-size:14px; font-family:微软雅黑; color:#019dfa }
#PopWindow .register{ border-bottom:1px solid #eee}
#PopWindow p{ margin:10px 0;}
#PopWindow .left{width:300px; float:left;padding:10px 20px 20px;}
#PopWindow .right{width:300px; float:left;padding:10px 20px 20px; border-left:1px solid #eee}
.inputT{ height:22px; width:200px;}
#PopWindow div.reg,#PopWindow div.login{ text-align:center; }
#PopWindow div.reg input,#PopWindow div.login input{ cursor:pointer;background: url("../images/btnbc.png") no-repeat 0 0; color:#fff; font-weight:bold; width:78px; height:30px; border:none}
#PopWindow .close{ float:right;font-size:14px; border:1px solid; padding:0 5px; cursor:pointer}
#PopWindow .close:hover{color:orange;text-decoration:none;}
.none{display:none}
.price,.money,s{font-family:arial;}

#gotop{bottom: 50px;right:5%;opacity: 1;position: fixed;background:#fcfcfc;border:1px solid #ccc;}
#gotop a{cursor:pointer;float:left;}
#gotop a i{display:inline-block; width:30px; height:17px;background:url(images/top_arrow.png) no-repeat right 0;margin:15px 10px;}
#gotop a:hover i{background-position:0 0;}
</style>

	<div class="clay">
		<div class="yudi">
			<div class="ljyd">
				<span class="price">￥<?=$pros[0]['uprice']/100?></span>
				<!-- <a type="button" href="productSale.html?pid=<?=$pros[0]['pid']?><?=$_REQUEST['did']?"&did=".$_REQUEST['did']:""?>" class="ljydbtn orderbtn"  />&nbsp;</a> -->
			</div>
			<p><span class="cpname"><?=$info['title']?></span><span class="red"><?=$FieldList[$info['p_type']]['jtype']['list'][$info['jtype']]?></span>级景区</p>
			<p>景点地址：<?=$info['address']?></p>
		</div>
		<input type="hidden" id="did" value="<?=$_REQUEST['did']?>"/>
		<div class="ydcon">
			<div class="ydimg">
				<img src="<?=$info['imgpath']?>" width="350" height="235" />
			</div>
			<div class="ydzl">
				<p>产品类型：<span>电子门票（手机短信/手机彩信）</span></p>
				<p>支付方式：<span>网上支付</span></p>
				<p>营业时间：<span><?=$info['runtime']?></span></p>
				<p>商家地址：<span><?=$info['address']?></span></p>
				<p>联系电话：<span><?=$info['tel']?></span></p>
			</div>
			<div class="cl"></div>
		</div>
		
		<div class="detail">
			<h4 class="tetit1"><span class="tetitsp acct ">门票预订</span></h4>
			<table class="tetab">
				<thead>
					<th class="mname">门票名称</th>
					<th>门市价</th>
					<th>零售价</th>
					<th>支付方式</th>
					<th>操作</th>
				</thead>
				<tbody>
					<?foreach($pros as $row){?>
					<tr>
						<td class="mname2"><a href="#" class="down"><?=$row['ttitle']?></a></td>
						<td><s>￥<?=$row['tprice']?></s></td>
						<td><strong class="money">￥<?=$row['uprice']/100?></strong></td>
						 <!--<td><span >￥150</span></td> -->
						<td><span class="wszf">网上支付</span></td>
						<td><a  href="productSale_san.html?pid=<?=$row['pid']?>" class="ydbtnt orderbtn" title="预订"></a></td> 
					</tr>
					<tr class="caption none">
						<td colspan="6">
							<p>
								<?=$row['notes']?$row['notes']."</br>":""?>
								<span>门票类型：电子票</span>
								<span>有效期限：<?
                                if($row['delaydays']){
                                    if($row['delaydays']==0){echo '当天有效';}
                                    elseif($row['delaydays']){echo $row['delaydays'].'内有效';}
                                }elseif($row['order_end']){echo $row['order_end'].'前有效';}
                                else{echo '参照子票';}
                                ?></span>
								<span><?=$row['getaddr']?></span>
								<a href="#" class="up hideRow">隐藏</a>
							</p>
						</td>
					</tr>
					<?}?>
				</tbody>
			</table>
		</div>
		
		<div class="detail">
			<h4 class="tetit1">
				<span id="ydxz" class="tetitsp acct">预订须知</span>
				<span id="jdjs" class="tetitsp">景点介绍</span>
                <?if($row['p_type']!=G){?>
				<span id="jtxx" class="tetitsp">交通信息</span>
                <?}?>
			</h4>
			<div id="ydxz1"class="detail">
            <h4  class="detith4"><span class="bolf">预订须知</span></h4>
				<?=nl2br($info['jqts'])?>
				<div class="cl"></div>
			</div>
			
			<div id="jdjs1" class="detail" style="display:none">
				<h4  class="detith4"><span class="bolf">景点介绍</span></h4>
				<div class="detcon">
				<?=htmlspecialchars_decode($info['bhjq'])?>
				</div>
			</div>
			<?if($row['p_type']!=G){?>
			<div id="jtxx1" class="detail" style="display:none">
				<h4  class="detith4"><span class="bolf">交通信息</span></h4>
				<div class="detcon2">
				<?=nl2br(htmlspecialchars_decode($info['jtzn']))?>
				</div>
			</div>
            <?}?>
		</div>
	</div>
	<div id="gotop" class="none" ><a><i></i></a></div>
	<script src="js/ui/PopWindow.js" type="text/javascript"></script> 
	<script id="tpl" type="text" >
			<a class="close" onclick="popwindow.close()">X</a>
			<h3>景区门票快速预订-输手机号自动注册购买</h3>
			<div class="left">
				<h4>非会员快速购买</h4>
				<p>
					<label>手机号：</label>
					<input type="text" class="inputT mobile" value=""/>
				</p>
				<div class="reg"><input type="button" class="reg" name="" value="继续预订"/></div>
				<p>我们会将您注册为票付通会员，手机号为您的用户名，密码为你手机后6位。</p>
			</div>
			<div class="right">
				<h4>会员登陆购买</h4>
				<p>
					<label>手机号：</label>
					<input type="text"  class="inputT mobile" value=""/>
				</p>
				<p>
					<label>&nbsp;&nbsp;&nbsp;密码：</label>
					<input type="password" id="password" class="inputT" value=""/>
				</p>
				<div class="login"><input type="button" class="login" name="" value="登陆预订"/></div>
			</div>
	</script>
	<script type="text/javascript" src="js/md5.js"></script>
	<script>
		var popwindow=new PopWindow();
		$(".orderbtn").click(function(){
			var url=$(this).attr("href");
			popwindow.open($("#tpl").html());
			$("input.reg").click(function(){
				var mobile=$(".left .mobile").first().val();
				$.ajax({
					"type":'POST',
					"url":"call/jh_mem.php",
					"data":{"action":"MemberRegisterEasy","mobile":mobile},
					"dataType":"json",
					"async":false,
					"success":function(out){
                        
						if(out.status=="ok"){
							$.ajax({
								"type":'POST',
								"url":"dlogin.php",
								"data":{"password":hex_md5(mobile.substr(-6,6)),"passport":mobile,"from":"ajax"},
								"async":false,
								"success":function(out){
									if(out==100){
										window.location=url;
									}else{
										alert(out.msg);
									}
								}
							});
						}else{
							alert(out.msg);
						}
					}
				});
				return false;
			});
			$(".login").click(function(){
				var mobile=$(".right .mobile").first().val();
				var password=hex_md5($("#password").val());
					$.ajax({
					"type":'POST',
					"url":"dlogin.php",
					"data":{"password":password,"passport":mobile,"from":"ajax"},
					"async":false,
					"success":function(out){
						if(out==100){
								window.location=url;
						}else{
							 out=out.replace(/<script>alert\(\'/,'').replace(/\'\);<\/script>/,'');
							 alert(out);
						}
					}
				});
				return false;
			})
			return false;
		});
		
		$(".mname2 a").click(function(){
			if($(this).hasClass("down")){
				$(this).removeClass("down");
				$(this).addClass("up");
				$(this).parent().parent().next().removeClass("none");
			}else{
				$(this).removeClass("up");
				$(this).addClass("down");
				$(this).parent().parent().next().addClass("none");
			}
			return false;
		});
		$(".hideRow").click(function(){
			$(this).parent().parent().parent().prev().find(".mname2 a").click();
			return false;
		});
		
		$("#gotop a").click(function(){
			window.scrollTo(0,0);
		});
		$(document).scroll(function(){
			if($(document).scrollTop()>200){
				$("#gotop").fadeIn("normal");
			}else{
				$("#gotop").fadeOut("normal");
			}
		})
        $(document).ready(function(){
		  $("#ydxz").click(function(){
		    $("#ydxz1").show();
		    $("#jdjs1").hide();
		    $("#jtxx1").hide();
            $("#ydxz").css({"backgroundColor":"#2489EE","font-weight":"bold","cursor":"text","color":"#FFF"});
            $("#jdjs").css({"backgroundColor":"#EEF8FF","font-weight":"normal","cursor":"pointer","color":"#666666"});
            $("#jtxx").css({"backgroundColor":"#EEF8FF","font-weight":"normal","cursor":"pointer","color":"#666666"});
		  });
		});
		$(document).ready(function(){
		  $("#jdjs").click(function(){
		    $("#ydxz1").hide();
		    $("#jdjs1").show();
		    $("#jtxx1").hide();
            $("#ydxz").css({"backgroundColor":"#EEF8FF","font-weight":"normal","cursor":"pointer","color":"#666666"});
            $("#jdjs").css({"backgroundColor":"#2489EE","font-weight":"bold","cursor":"text","color":"#FFF"});
            $("#jtxx").css({"backgroundColor":"#EEF8FF","font-weight":"normal","cursor":"pointer","color":"#666666"});
		  });
		});
		$(document).ready(function(){
		  $("#jtxx").click(function(){
		    $("#ydxz1").hide();
		    $("#jdjs1").hide();
		    $("#jtxx1").show();
            $("#ydxz").css({"backgroundColor":"#EEF8FF","font-weight":"normal","cursor":"pointer","color":"#666666"});
            $("#jdjs").css({"backgroundColor":"#EEF8FF","font-weight":"normal","cursor":"pointer","color":"#666666"});
            $("#jtxx").css({"backgroundColor":"#2489EE","font-weight":"bold","cursor":"text","color":"#FFF"});
            });
		});
	</script>
<iframe id="iframeA" name="iframeA" style="display:none;" ></iframe>
		<script type="text/javascript">
			function sethash(s){
				var scroll=s||1;
				hashH = $(document.body).height()+20; //获取自身高度
				urlC = "http://www.paypiao.cn/h.html" //设置iframeA的src 
				document.getElementById("iframeA").src=urlC+"?scroll="+scroll+"&h="+hashH; //将高度作为参数传递
			} 
			if(window.top!=window.self){
				window.onload=function(){
					sethash(1);
				}
				$("button.newprice").click(function(){
					sethash(0);
				});
				$("button#config_detail").click(function(){
					sethash(0);
				});
				$("a[target='_blank']").each(function(){
					if($(this).attr("href").indexOf("wpa.qq.com")==-1){
						$(this).attr("target","_self")
					}
				});
			}
		</script>
